<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>Hotel  A Hotel category Flat bootstrap Responsive  Website Template | Rooms</title>
	<link th:href="@{/css/bootstrap.css}" rel='stylesheet' type='text/css' />
	<link th:href="@{/css/orderinfostyle.css}" rel="stylesheet" type="text/css" media="all">
	<link th:href="@{/css/font-awesome.css}" rel="stylesheet">
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<!-- Custom Theme files -->
	<link th:href="@{/css/detail.css}" rel='stylesheet' type='text/css' />
	<!-- Custom Theme files -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Hotel Deluxe Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!--webfont-->
	<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
	<script type="text/javascript" th:src="@{/js/jquery-1.11.1.min.js}"></script>
	<script type="text/javascript" th:src="@{/js/login.js}"></script>
	<script th:src="@{/js/jquery.easydropdown.js}"></script>
	<script th:src="@{/js/wow.min.js}"></script>
	<link  th:href="@{/css/animate.css}" rel='stylesheet' type='text/css' />
	<script>
        new WOW().init();
	</script>
</head>
<div>
<div class="header">
	<div class="col-sm-8 header-left">
		<div class="logo">
			<a href="index.html"><img th:src="@{/images/logo.png}" alt=""/></a>
		</div>
		<div class="menu">
			<a class="toggleMenu" href="#"><img th:src="@{/images/nav.png}" alt="" /></a>
			<ul class="nav" id="nav">
				<li ><a href="toUserLogin">首页</a></li>
				<li><a th:href="@{/EditUser/allHotel}">旗下酒店</a></li>
				<li class="active">详情</li>
				<div class="clearfix"></div>
			</ul>
			<script type="text/javascript" th:src="@{/js/responsive-nav.js}"></script>
		</div>
		<div class="clearfix"></div>
	</div>
	<div class="col-sm-4 header_right">
		<div id="loginContainer" style="height: 63px"><a href="#" id="loginButton" style="float: left"><img th:src="@{/images/login.png}"><span>登录</span></a>
			<a th:href="@{/userLogin/logout}"  style="float: right"><img th:src="@{/images/login.png}"><span style="height: 32px;width: 32px">注销</span></a>
			<div id="loginBox">
				<form id="loginForm" >
					<fieldset id="body">
						<fieldset>
							<label for="email">邮箱</label>
							<input type="text" name="email" id="email">
						</fieldset>
						<fieldset>
							<label for="password">密码</label>
							<input type="password" name="password" id="password">
						</fieldset>
						<input type="submit" id="login" value="登录">
						<label for="checkbox"><input type="checkbox" id="checkbox"> <i>记住密码</i></label>
					</fieldset>
					<span><a href="#">忘记密码?</a></span>
				</form>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
	<div class="clearfix"></div>
</div>
<div class="div1">
	<div class="living_middle " style="height: 1200px; background: url(../images/234.jpg) repeat">
		<div class="container">
			<div class="col-md-4 wow fadeInLeft" data-wow-delay="0.4s" style="width: 600px;height: 600px">
				<!--<div class="living1_box"><a href="#">-->
					<img th:src="@{'/myfile/room/'+ ${room.roomPicname}}" class="img-responsive" alt="" style="width: 600px;height: 600px"/>
					<span class="sale-box">
				 <!--<span class="sale-label">Rooms</span>-->
			   </span>
				</a>
					<div class="living_desc">
						<h3><a href="#"  style="color: #0a0a0a;text-align: center">[[${room.hotelName}]]</a></h3>
						<p class="kind"  style="color: #0a0a0a">$[[${room.roomPrice}]]</p>
					</div>
					<table border="1" class="propertyDetails" >
						<tbody><tr>
							<td style="color: #0a0a0a"><img th:src="@{/images/area.png}" alt="" style="margin-right:7px;">距离7.2km</td>
							<td  style="color: #0a0a0a"><img th:src="@{/images/bed.png}" alt="" style="margin-right:7px;">[[${room.roomType}]]</td>
							<td  style="color: #0a0a0a"><img th:src="@{/images/drop.png}" alt="" style="margin-right:7px;">1浴室，足浴</td>
						</tr>
						</tbody></table>
				<!--</div>-->
			</div>
			<div class="col-md-4 wow fadeInLeft" data-wow-delay="0.4s">



			<br><br><br>

					<table border="1" class="propertyDetails" style="width: 500px">
						<tbody>
						<tr>
							<td  style="color: #0a0a0a;" >房间号</td>
							<td th:text="${room.roomId}"  style="color: #0a0a0a"></td>

						</tr>
						<tr>
							<td  style="color: #0a0a0a">床型</td>
							<td th:text="${room.roomType}"  style="color: #0a0a0a"></td>
						</tr>
						<tr>
							<td  style="color: #0a0a0a">宽带</td>
							<td  style="color: #0a0a0a">免费wifi</td>
						</tr>
						<tr>
							<td style="color: #0a0a0a">标准价</td>
							<td th:text="${room.roomPrice}"  style="color: #0a0a0a">$</td>
						</tr>
						<tr>
							<td  style="color: #0a0a0a">会员价</td>
							<td  style="color: #0a0a0a">$100</td>
						</tr>
						<tr  >
							<td  style="color: #0a0a0a">设施</td>
							<td  style="color: #0a0a0a;width: 200px;height: 100px">厨房，独卫，空调，液晶电视，台式电脑，洗漱用具</td>
						</tr><br><br><br><br>
						<tr>
							<td  style="color: #0a0a0a">状态</td>
							<td  style="color: #0a0a0a">空房</td>
						</tr>


						</tbody>
					</table>





				<div>
</div>


				</div>
				</table>

			</div>
		</div>
	</div>
</div>
</div>

</div>
</div>

</body>
</html>		